<form id="{$form.name}" name="{$form.name}">
<div style="padding-left:25px; ">
{literal}
<style>
table.input_row label{
	height:20px;
}
table.input_row {
	height:28px;
	display:block;
	
}
#location\.widget\.LocationNewForm table.input_row {
	height:auto;		
}
</style>
{/literal}
	<div>
		{if $form.icon !='' }
	<div class="form_icon"><img  src="{$form.icon}" border="0" /></div>
	{/if}
		<div ><h2>{$form.title}</h2></div>
	</div>
		{if $form.description}
		<p class="input_row" style="line-height:20px;padding-bottom:20px;height:20px;">		
		<span>{$form.description}</span>
		</p>
		{else}
		<div style="height:15px;"></div>
		{/if}
	<div style="padding-left:10px;" >
		<div class="underline upline" style="height:230px;overflow:hidden;">
		<h2>{t}General Profile{/t}</h2>
		<div style="float:left; width:140px; height:150px; text-align:center; padding-top:10px;">
				{assign var=item value=$dataPanel.fld_photo}
											
				<table id="fld_photo_container" class="input_row">								
					<tr>
						<td >	
							<div class="photo_frame">
								{if $dataPanel.fld_photo_uploaded.element }
									<img id="photo_placeholder" src="{$app_url}{$dataPanel.fld_photo_uploaded.element}" width="90" height="125"/>
								{else}
									<img id="photo_placeholder" src="{$image_url}/profile_photo_icon.gif" width="90" height="125"/>
								{/if}																
							</div>
						</td>					
					</tr>
					<tr>
						<td style="padding-left:4px;text-align:left">	
							{$item.element}				
							<a class="input_file_mask button_gray_w" href="javascript:;" onclick="$('fld_photo').click();" >{$dataPanel.fld_photo.label}</a>						
						</td>
					</tr>
				</table>
		</div>
		<div style="float:left;width:350px;">
				{$dataPanel.fld_Id.element}
				{assign var=item value=$dataPanel.fld_first_name}					
				<table  id="fld_first_name_container" class="input_row" style="height:30px;"  >								
				<tr>
					<td >	
						<label style="text-align:left; width:60px;">{$item.label}</label>
					</td>
					<td>				
						<span class="label_text">{$item.element}</span>					
					</td>
				</tr>
				</table>
				
				{assign var=item value=$dataPanel.fld_last_name}					
				<table  id="fld_last_name_container" class="input_row" style="height:30px;"  >								
				<tr>
					<td >	
						<label style="text-align:left; width:60px;">{$item.label}</label>
					</td>
					<td>				
						<span class="label_text">{$item.element}</span>					
					</td>
				</tr>
				</table>
				
				{assign var=item value=$dataPanel.fld_company}					
				<table  id="fld_company_container" class="input_row" style="height:30px;"  >								
				<tr>
					<td >	
						<label style="text-align:left; width:60px;">{$item.label}</label>
					</td>
					<td>				
						<span class="label_text" >{$item.element}</span>					
					</td>
				</tr>
				</table>
				
				{assign var=item value=$dataPanel.fld_display_name}					
				<table  id="fld_display_name_container" class="input_row" style="height:30px;"  >								
				<tr>
					<td >	
						<label style="text-align:left; width:60px;">{$item.label}</label>
					</td>
					<td>				
						<span class="label_text">{$item.element}</span>					
					</td>
				</tr>
				</table>
		
				{assign var=item value=$dataPanel.fld_department}					
				<table  id="fld_department_container" class="input_row" style="height:30px;"  >								
				<tr>
					<td >	
						<label style="text-align:left; width:60px;">{$item.label}</label>
					</td>
					<td>				
						<span class="label_text">{$item.element}</span>					
					</td>
				</tr>
				</table>
				
				{assign var=item value=$dataPanel.fld_position}					
				<table  id="fld_position_container" class="input_row" style="height:30px;"  >								
				<tr>
					<td >	
						<label style="text-align:left; width:60px;">{$item.label}</label>
					</td>
					<td>				
						<span class="label_text">{$item.element}</span>					
					</td>
				</tr>
				</table>
		</div>
		

				
		
		</div>


		<!-- Phone Section -->
		<div class="underline" >
			<h2 class="element_set_title"><a id="element_set_btn_1" class="shrink" href="javascript:;" onclick="switch_elementset('{$form.name}','1')" >{t}Phone{/t}</a></h2>
				<div id="element_set_panel_1" class="element_set_panel">
				<table ><tr><td>		
			{foreach name=phone item=item key=itemName from=$dataPanel}
				{if $item.elementsetcode eq "Phone"}			
					{if $smarty.foreach.phone.index is odd}
					<table  id="{$itemName}_container" class="input_row" style="float:left;padding-right:70px;">
					{else}
					<table  id="{$itemName}_container" class="input_row" style="float:left;">
					{/if}								
					<tr>
						<td >	
							<label style="text-align:left;width:60px; ">{$item.label}</label>
						</td>
						<td>				
							<span class="label_text" style="width:205px;">{$item.element}</span>					
						</td>
					</tr>
					</table>
				{/if}						
			{/foreach}		
			</td></tr></table>	
			</div>	
		</div>
		<script>
			init_elementset('{$form.name}','1');
		</script>
		
		<!-- Address Section -->
		<div class="underline" >
			<h2 class="element_set_title"><a id="element_set_btn_2" class="shrink" href="javascript:;" onclick="switch_elementset('{$form.name}','2')" >{t}Address{/t}</a></h2>
				<div id="element_set_panel_2" class="element_set_panel">
				<table ><tr><td>
			{foreach name=address item=item key=itemName from=$dataPanel}
				{if $item.elementsetcode eq "Address"}			
					{if $smarty.foreach.address.index is odd}
					<table  id="{$itemName}_container" class="input_row" style="float:left">
					{else}
					<table  id="{$itemName}_container" class="input_row" style="float:left;padding-right:70px;">
					{/if}								
					<tr>
						<td >	
							<label style="text-align:left; width:60px;">{$item.label}</label>
						</td>
						<td>				
							<span class="label_text" style="width:205px;">{$item.element}</span>					
						</td>
					</tr>
					</table>
				{/if}						
			{/foreach}		
				</td></tr></table>	
			</div>
		</div>
		<script>
			init_elementset('{$form.name}','2');
		</script>
		
		<!-- Online Contact Section -->
		<div class="underline" >		
			<h2 class="element_set_title"><a id="element_set_btn_3" class="shrink" href="javascript:;" onclick="switch_elementset('{$form.name}','3')" >{t}Online Contact{/t}</a></h2>
				<div id="element_set_panel_3" class="element_set_panel">
				<table ><tr><td>
			{foreach name=contact item=item key=itemName from=$dataPanel}				
				{if $item.elementsetcode eq "Online Contact"}			
					{if $smarty.foreach.contact.index is odd}
					<table  id="{$itemName}_container" class="input_row" style="float:left;padding-right:70px;">
					{else}
					<table  id="{$itemName}_container" class="input_row" style="float:left;">
					{/if}								
					<tr>
						<td >	
							<label style="text-align:left; width:60px;">{$item.label}</label>
						</td>
						<td>				
							<span class="label_text" style="width:205px;">{$item.element}</span>					
						</td>
					</tr>
					</table>
				{/if}						
			{/foreach}	
			</td></tr></table>	
			</div>		
		</div>
		<script>
			init_elementset('{$form.name}','3');
		</script>		
		

		<!-- Misc Section -->
		<div class="underline" >
			<h2 class="element_set_title"><a id="element_set_btn_5" class="shrink" href="javascript:;" onclick="switch_elementset('{$form.name}','5')" >{t}Miscellaneous{/t}</a></h2>
				<div id="element_set_panel_5" class="element_set_panel">
				<table ><tr><td>		
			{foreach item=item key=itemName from=$dataPanel}
				{if $item.elementsetcode eq "Miscellaneous"}
						
{if $item.type eq 'CKEditor' or $item.type eq 'RichText' 
				or $item.type eq 'Textarea' or $item.type eq 'LabelTextarea'
				or $item.type eq 'LabelTextarea' or $item.type eq 'LabelImage'
				 or $item.type eq 'RawData'
				 or $item.type eq 'IDCardReader'
			}
				<table  id="{$itemName}_container" class="input_row" style="height:auto;">
				<tr>
				<td style="width:80px;">	
					<label style="text-align:left">{$item.label}</label>
				</td>
				<td>
					{if $errors.$itemName}
					<span class="input_error_msg" style="width:240px;">{$errors.$itemName}</span>
					{elseif $item.description}
					<span class="input_desc" style="width:240px;">{$item.description}</span>			
					{/if}
				</td>
				</tr>
				<tr><td colspan="2" align="center" >
					<span class="label_textarea" style="{if $item.width}width:{$item.width+15}px;{else}{if $default_label_textarea_width}{$default_label_textarea_width}{else}width:655px;{/if}{/if}">{$item.element}</span>
								
				</td></tr>
				</table>		
			{else}
				{if $item.type eq 'Hidden' }
				<table  id="{$itemName}_container" class="input_row" style="display:none">
				{else}
				<table  id="{$itemName}_container" class="input_row">
				{/if}					
				<tr>
				<td >	
					<label style="text-align:left">{$item.label}</label>
				</td>
				<td>
				{if $item.type eq 'Checkbox' }
					<span class="label_text" >{$item.element} {$item.description}</span>
				{else}
					<span class="label_text" style="float:left;{if $item.width}width:{$item.width}px;{else}{if $default_label_text_width}{$default_label_text_width}{else}width:250px;{/if}{/if}">{$item.element}</span>
					{if $errors.$itemName}
					<span class="input_error_msg" style="width:240px;">{$errors.$itemName}</span>
					{elseif $item.description}
					<span class="input_desc" style="width:240px;">{$item.description}</span>			
					{/if}				
				{/if}					
					</td>
				</tr>
				</table>
			{/if}
					
				{/if}						
			{/foreach}	
			</td></tr></table>	
			</div>		
		</div>		
		<script>
			init_elementset('{$form.name}','5');
		</script>		
		
		{if $dataPanel.fld_extend_fields.element}
		<!-- Ext Fields Section -->		
		<div class="underline" >		
			<h2 class="element_set_title"><a id="element_set_btn_ext" class="shrink" href="javascript:;" onclick="switch_elementset('{$form.name}','ext')" >{$dataPanel.fld_extend_fields.elementset}</a></h2>
				<div id="element_set_panel_ext" class="element_set_panel">
				{$dataPanel.fld_extend_fields.element}
			</div>		
		</div>
		<script>
			init_elementset('{$form.name}','ext');
		</script>		
		{/if}
				
		
		{if $dataPanel.fld_changelog_comment.label}
		<!-- Change Comment Section -->
		<div class="underline" >
			<h2 class="element_set_title"><a id="element_set_btn_6" class="shrink" href="javascript:;" onclick="switch_elementset('{$form.name}','6')" >{t}Change Comment{/t}</a></h2>
				<div id="element_set_panel_6" class="element_set_panel">
				<table ><tr><td>		
			{foreach item=item key=itemName from=$dataPanel}
				{if $item.elementsetcode eq "Change Comment"}

				<table  id="{$itemName}_container" class="input_row" style="height:auto;">
				<tr>
				<td style="width:80px;">	
					<label style="text-align:left">{$item.label}</label>
				</td>
				<td>
					{if $errors.$itemName}
					<span class="input_error_msg" style="width:240px;">{$errors.$itemName}</span>
					{elseif $item.description}
					<span class="input_desc" style="width:240px;">{$item.description}</span>			
					{/if}
				</td>
				</tr>
				<tr><td colspan="2" align="center" >
					<span class="label_textarea" style="{if $item.width}width:{$item.width+15}px;{else}{if $default_label_textarea_width}{$default_label_textarea_width}{else}width:655px;{/if}{/if}">{$item.element}</span>
								
				</td></tr>
				</table>		
			
					
				{/if}						
			{/foreach}	
			</td></tr></table>	
			</div>		
		</div>		
		<script>
			init_elementset('{$form.name}','6');
		</script>			
		{/if}
		<div style="height:10px;"></div>
		<p class="input_row">
			
			{foreach item=elem from=$actionPanel}
				{$elem.element}
			{/foreach}
		</p>
	</div>
	
		<div style="height:15px;">
		<div id='{$form.name}.load_disp' style="display:none;">
		<img  src="{$image_url}/form_ajax_loader.gif"/>
		</div>
		</div>
	
</div>

</form>